//引入重置样式
require("../css/commCss/normalize.css");
//引入重置扩展样式
require("../css/commCss/reset.css");
//引入公共样式
require("../css/commCss/property.css");
//引入公共扩展样式
require("../css/commCss/basic.css");

//引入当前页面样式
require("../css/register.less");

//引入
const CaptchaMini= require("captcha-mini");

//引入axios
const axios=require('axios')

//weui-插件库
require('weui')
const weui = require('weui.js')

//文档加载事件
document.addEventListener("DOMContentLoaded", function () {
  /*
   *0 获取元素
   */
  const account = document.querySelector("#account"); //账号
  const verificacode = document.querySelector("#verificacode"); //验证码
  const password = document.querySelector("#password"); //密码
  const aginpassword = document.querySelector("#aginpassword"); //确认密码
  const registeracon = document.querySelector("#registeracon"); //注册账号
  const errmsg = document.querySelector(".errmsg"); //注册账号

  //定义验证码数据
  let codedate=''

  /*
   *1 验证码
   */
  /*传值,参数配置值，选择性配置*/
  let captcha = new CaptchaMini({
    lineWidth: 1,   //线条宽度
    lineNum: 8,       //线条数量
    dotR: 2,          //点的半径
    dotNum: 25,       //点的数量
    preGroundColor: [10, 80],    //前景色区间
    backGroundColor: [150, 250], //背景色区间
    fontSize: 30,           //字体大小
    fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
    fontStyle: 'fill',      //字体绘制方法，有fill和stroke
    content: 'abcdefghijklmnopqrstuvwxyz123456789',  //验证码内容
    length: 4   //验证码长度
}); 
captcha.draw(document.querySelector('#captcha'), function(r){
    console.log(r);//res是验证码里的验证数据
    codedate=r
    
})

    /* 
    *点击注册按钮验证验证码和前面文本框输入的内容是否合法
    */
   //注册事件
registeracon.addEventListener('click',function(){
    // console.log(7);
    const acountval=account.value
    const verificacodeval=verificacode.value
    const passwordval=password.value
    const aginpasswordval=aginpassword.value
    console.log(acountval,verificacodeval,passwordval,aginpasswordval);

    //判断
    if(!/^1[3-9][0-9]{9}$/.test(acountval)){
        errmsg.textContent='手机号错误'
        return

    }else if(verificacode.value.toLowerCase()!=codedate.toLowerCase()){
        errmsg.textContent='验证码错误'
        return 
    }else if(!/^[a-zA-Z]\w{5,11}$/.test(passwordval)){
        errmsg.textContent='6-12:以字母开头,跟数字 字母 下划线'
        return 
    }
    else if(passwordval !=aginpasswordval){
        errmsg.textContent='两次密码不一致'
        return 
    }else{
        errmsg.textContent=''

        //注册账号发生请求

        axios.post('http://139.9.177.51:8099/users/add',{
           account:account.value,
           password:password.value 
        }).then(function(res){
            console.log(res);
            if(res.data.status===0){//是res.data.status后台返回数据中的status是0表示未注册是1表示已注册
                //成功弹轻提示,和跳转登录页面
               errmsg.value='恭喜您注册成功' 
               //注册成功跳转页面
               location.href='./login.html'
            //    console.log('成功');
            }else{
                //失败弹轻提示失败
                errmsg.value='很遗憾您注册失败' 
                // console.log('失败');
            }
        })
    } 
})

});
